@charset "utf-8";
/* CSS Document */


body { background:#000 url(images/bg.jpg) no-repeat; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
@font-face{font-family: VNF-FuturaRegular;src: url('VNF-FuturaRegular.ttf')}
ul{list-style:none;margin:0;}
#wrapper{margin:0 auto;padding:0;width:1000px;}
#header .header{float:left;padding-left:10px;}
#menu .menu{width:700px;float:left;}
	.menu ul{margin:0;padding:0;}
		ul.topnav{
			 
			 margin:0px;
			 padding:0px;
			 width:600px;
			 
					}
		ul.topnav li,ul.topnav li a{
		 
		height:32px;
		line-height:32px;
		padding-right:20px;
		 position:relative;
		display: inline-block;
		text-decoration: none;
		color: #ffffff;
		font-size: 13px;
		font-weight: bold;
		z-index: 100000;
		
		}
		ul.topnav li:hover,ul.topnav li a:hover{
		 display:inline-block;
		 
			color: red;
		}
		ul.topnav li > ul.topnav{
		 position:absolute;
		 top:30px;
		 left:0px;
		 display:none;
		}
		ul.topnav li:hover > ul.topnav{
		 display:block;
		 background: #5E5E5E;
		 padding-left: 30px;
		}
	.search{float:right}
	.search .bg{float:left;width:180px;height:50px;background:url(images/search.png) no-repeat;padding:0px 70px 20px 0px}
	.filter .timkiem{background:url(images/bg_bar2.PNG) repeat-x;}
	.filter .btn{font-size:12px;color:#fff;margin-top:-8px;padding:0;width:75px;font-weight:bold;background:url(images/tkiem.PNG) no-repeat;height:35px;border:none;}
	.filter .btn:hover{color:#900}
	
	.count p{margin:0;padding:0;padding-left:10px;padding-bottom:10px;color:#434343;}
	.count p span{color:#83BC00;font-weight:bold}
#banner{padding-top:10px;height:345px;width:1000px;float:left;}
	
	
	
	
#content{}
	#leftcontent{width:750px;margin-right:0px;background:#fff;float:left;border-radius:5px;box-shadow: 5px 5px 5px #888888;}
		.filter{height:40px;}
		.listproduct{}
		.listproduct .title{background:#fff url(images/bg_bar.png);height:37px;}
				.title p{margin:0;padding:0;line-height:25px;padding-left:10px;color:#476401;padding-right:10px;}
				#sanpham{margin-top:5px;}
					.sp{float:left;width:150px;border-top:1px solid #e8e8e8;border-left:1px solid #e8e8e8;box-shadow: 1px 1px 1px 1px #e8e8e8;margin:0px 15px 10px 20px;padding-bottom:5px;}
					.sp img{margin: 20px;  box-shadow: 3px 3px 3px #CCC;}
					.sp .nd p{margin:0;padding:0;font-size:13px;}
					.sp .btn{float:left;width:65px;border-radius:10px;background:#E8E8E8;margin:10px 5px 10px 5px}
					.sp .btn a{text-decoration:none;color:#00F;line-height:15px;}
					.sp .btn a p{font-size:11px;}
					.sp .btn:hover{background:#666}
					.sp .btn a:hover{color:#fff;}
					.sp .gia{}
					.sp .gia p{font-size:11px; font-weight: bold; color:#5B5B5B;}
	#rightcontent{width:235px;float:right;margin-left:10px;}
		.right{width:230px;border-radius:5px;background:#fff;padding-bottom:8px;box-shadow: 2px 2px 2px 2px #e8e8e8;}
		.right .title{background: url(images/ttgiohang.png) no-repeat;height:40px;}
		.right .title p{margin:0;padding:0;line-height:30px;color:#476401;padding-left:40px;}
		.right .list ul{}
		.right .list ul li.num1 a{background:url(images/1.PNG) no-repeat;text-decoration:none;color:#434343;padding-left:20px;}
		.right .list ul li.num2 a{background:url(images/2.PNG) no-repeat;text-decoration:none;color:#434343;padding-left:20px;}
		.right .list ul li.num3 a{background:url(images/3.PNG) no-repeat;text-decoration:none;color:#434343;padding-left:20px;}
		.right .list ul li a span{color:#f00;}
		.right .list ul li{line-height:30px;border-bottom:1px dotted #ccc;margin-right:20px;margin-left:10px;}
		.right .list ul li a:hover {color:#83BC00}
		.right .list p a{text-decoration:none;padding-right:10px;}
		.right .list p a:hover{color:#00F;text-decoration:underline}
		.right .list ul a{background:url(images/iconapple.png) no-repeat;text-decoration:none;color:#434343;padding-left:20px;}
		.right .list ul li:hover ul.child{display:block}
		.right .list ul li ul.child{display:none;position:relative;}
		.right .list ul li ul.child li{border-bottom:none;}
		.right .list ul li ul.child li a{background:url(images/plus.png) no-repeat;line-height:30px;}
	
	#information{color:#fff;margin-top:15px;}
		.info{width:300px;float:left;margin-right:50px;color:#CCC;}
		.info .tieude{border-bottom:1px dashed #999;}
		.info .tieude {margin:0;padding:0;color:#83BC00;text-transform:uppercase;font-size:13px;border-bottom:1px dashed #666;line-height:30px}
		.info p{color:#666;margin:0;padding:0;padding-top:5px;}
#footer{background:url(images/footer.JPG) no-repeat;}
	.footer{width:1000px;margin:0 auto;padding:0;}
	
			.top{width:50px;background:url(images/bg_top.PNG) no-repeat;float:right;height:40px;margin-top:-3px;}
			.top a{text-decoration:none;color:#fff;line-height:40px;font-size:15px;font-weight:bold;margin-left:5px;font-family:VNF-FuturaRegular}
			.top a:hover{color:#900;}
	.copy{color:#fff;height:40px;padding-top:20px;font-size:13px;color:#434343;margin:0 auto;width:600px;}
        #page {
            padding: 20px 40px 20px 100px;
        }
        #page a, strong{
            border: 1px solid #E8E8E8;
            padding: 5px 7px;
            border-radius: 2px;
            text-decoration: none;
            box-shadow: 3px 2px 2px #CCC;
        }
        #page strong{
           
            color: red;
        }
        .img_small {
        transition: all 1s ease;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        }

        .img_small:hover {
        position: absolute;
        
        transform: scale(2,2);
        -webkit-transform: scale(2,2);
        -moz-transform: scale(2,2);
        -o-transform: scale(2,2);
        -ms-transform: scale(2,2);
        
        }
        #info_pro {
            border-top: 2px solid #ccc;
            padding: 20px;
        }
        #left_info {
            float: left;
            width: 50%;
        }
        .de{
            font-weight: bold;
            font-size: 13px;
        }
        #left_info a{
            background-color: #D5D5D6;
            border-radius: 3px;
            padding: 5px;
            line-height: 30px;
        }
        table {
            
            margin: 20px;
        }
        table th, td {
            border: 1px solid #5E5E5E;
            padding: 5px;
            width: 35%;
        }
        #action_card {
            padding: 0px 10px 20px 30px;
        }
        #action_card a{
            border: 1px solid #CCC;
            padding: 3px;
            margin-right: 30px;
            text-decoration: none;
            border-radius: 5px;
            font-size: 13px;
            font-weight: bold;
            
            background-color: #E3E3E3;
            color:#000;
        }
        #action_card a:hover{
            background-color: #5B5B5B;
            color: #FFFFFF;
            
        }
        #custom {
            padding: 20px;
        }
        #custom label {
            float: left;
            width: 80px;
            
        }
        #custom p {
            padding-bottom: 20px;
        }
        #custom input {
            height: 20px;
            width: 300px;
            padding: 3px 10px;
        }
        